<template>
    <div class="background_style" >
      <el-row :gutter="12" style="margin:40px 60px">
        <el-col :span="8">
          <el-card class="box-card">
            <i class="el-icon-s-order"  style="color:rgb(69,171,255);font-size:80px;margin-left: 140px"></i>
            <div class="title" >
              <div style="margin-left:120px;margin-top: 10px" >今日填写问卷0份</div>
              <div style="margin-left:120px;margin-top: 10px" >今日收集问卷10份</div>
            </div>
          </el-card>
        </el-col>

        <el-col :span="8">
          <el-card class="box-card">
            <i class="el-icon-coin" style="color:rgb(69,171,255);font-size:80px;margin-left: 140px"></i>
            <div class="box">
              <div class="title" style="margin-left:150px;margin-top: 10px;font-size: large;font-style: oblique ">租费余额</div>
              <div class="count" style="margin-left:150px;margin-top: 10px">￥50.0</div>
            </div>
          </el-card>
        </el-col>
      </el-row>

      <el-card style="margin:50px 125px;height:300px;width:1100px">
        <div slot="header">
          <div class="head">当前活动</div>
        </div>
        <div class="footer" style="margin-left:300px;margin-top: 10px">
          <i class="el-icon-edit-outline"  style="font-size:30px;margin-left: 140px"></i>创建中的问卷
          <el-steps :space="200" :active="1" finish-status="success">
            <el-step title="创建问卷"></el-step>
            <el-step title="进行中"></el-step>
            <el-step title="保存问卷"></el-step>
          </el-steps>
          <el-button type="success" style="margin-left:500px;margin-top:0px">下一步</el-button>
        </div>
      </el-card>
    </div>

</template>

<script>
import background1 from '../assets/background2.jpg'
const image = new Image()
image.src = background1
export default {
  name: 'welcome',
  data () {
    return {}
  }
}
</script>

<style scoped>
.background_style{
  width:100%;
  height:120%;
  position:fixed; top:60px; left:200px;right:0; width:100%;
  background-size:100% 100%;
  background-repeat: no-repeat;
  background-image: url("../assets/background2.jpg");
}
.box-card {
  width: 400px;
  margin-left: 180px;
  height:200px
}
</style>
